<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>套页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="css/Operate.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/public.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/caomei1.2.8/style.css" />
</head>
<body>
    <div class="main">
        <div class="left">
            <div class="left-content">
                <img src="./img/logo.svg" alt="" width="110px" height="80px">
                <p>为创意工作者而设计</p>
                <div class="item1">
                    <a href="./index.html">
                        <span class="csz czs-circle item-hover"></span>
                        <h3>设计 Design</h3>
                    </a>
                </div>
                <ul class="item1-1">
                    <a href="#"><li><i class="csz czs-fire-l"></i> &nbsp;&nbsp;热门推荐</li></a>
                    <a href="#"><li><i class="csz czs-light-l"></i> &nbsp;&nbsp;灵感采集</li></a>
                    <a href="#"><li><i class="csz czs-computer-l"></i> &nbsp;&nbsp;界面交互</li></a>
                    <a href="#"><li><i class="csz czs-read-l"></i> &nbsp;&nbsp;设计规范</li></a>
                    <a href="#"><li><i class="csz czs-briefcase-l"></i> &nbsp;&nbsp;在线工具</li></a>
                    <a href="#"><li><i class="csz czs-medal-l"></i> &nbsp;&nbsp;icon图标</li></a>
                    <a href="#"><li><i class="csz czs-folder-l"></i> &nbsp;&nbsp;设计素材</li></a>
                    <a href="#"><li><i class="csz czs-image-l"></i> &nbsp;&nbsp;图库素材</li></a>
                    <a href="#"><li><i class="csz czs-overlapping"></i> &nbsp;&nbsp;颜色搭配</li></a>
                    <a href="#"><li><i class="csz czs-font"></i> &nbsp;&nbsp;字体字形</li></a>
                    <a href="#"><li><i class="csz czs-rollerbrush-l"></i> &nbsp;&nbsp;学习教程</li></a>
                    <a href="#"><li><i class="csz czs-association-l"></i> &nbsp;&nbsp;设计团队</li></a>
                </ul>
                <div class="item2">
                    <a href="./Develop.html">
                        <span class="csz czs-square"></span>
                        <h3>前端 Develop</h3>
                    </a>
                </div>
                <ul class="item2-2">
                    <a href="#"><li><i class="csz czs-fire-l"></i> &nbsp;&nbsp;热门推荐</li></a>
                    <a href="#"><li><i class="csz czs-new-l"></i> &nbsp;&nbsp;前端框架</li></a>
                    <a href="#"><li><i class="csz czs-talk-l"></i> &nbsp;&nbsp;论坛社区</li></a>
                    <a href="#"><li><i class="csz czs-blackboard-l"></i> &nbsp;&nbsp;学习平台</li></a>
                    <a href="#"><li><i class="csz czs-user-framework"></i> &nbsp;&nbsp;个人框架</li></a>
                    <a href="#"><li><i class="csz czs-command-l"></i> &nbsp;&nbsp;在线编程</li></a>
                    <a href="#"><li><i class="csz czs-code-branch"></i> &nbsp;&nbsp;代码托管</li></a>
                    <a href="#"><li><i class="csz czs-construct-l"></i> &nbsp;&nbsp;构建工具</li></a>
                    <a href="#"><li><i class="csz czs-detect-l"></i> &nbsp;&nbsp;检查测试</li></a>
                    <a href="#"><li><i class="csz czs-container-l"></i> &nbsp;&nbsp;内容管理</li></a>
                    <a href="#"><li><i class="csz czs-server-l"></i> &nbsp;&nbsp;后端系统</li></a>
                </ul>
                <div class="item3">
                        <a href="./Protuct.html">
                            <span class="csz czs-triangle"></span>
                            <h3>产品 Protuct</h3>
                        </a>
                </div>
                <ul class="item3-3">
                    <a href="#"><li><i class="csz czs-bookmark-l"></i> &nbsp;&nbsp;新品推荐</li></a>
                    <a href="#"><li><i class="csz czs-cup-l"></i> &nbsp;&nbsp;产品资讯</li></a>
                    <a href="#"><li><i class="csz czs-layers"></i> &nbsp;&nbsp;原型工具</li></a>
                    <a href="#"><li><i class="csz czs-control-rank"></i> &nbsp;&nbsp;思维导图</li></a>
                    <a href="#"><li><i class="csz czs-connection"></i> &nbsp;&nbsp;协同工作</li></a>
                    <a href="#"><li><i class="csz czs-write-l"></i> &nbsp;&nbsp;文档编辑</li></a>
                    <a href="#"><li><i class="csz czs-storage-l"></i> &nbsp;&nbsp;云盘储存</li></a>
                    <a href="#"><li><i class="csz czs-chemistry-l"></i> &nbsp;&nbsp;趣味产品</li></a>
                </ul>
                <div class="item4">
                        <a href="./Operate.html">
                            <span class="csz czs-camber"></span>
                            <h3>运营 Operate</h3>
                        </a>
                </div>
                <ul class="item4-4">
                    <a href="#域名注册"><li><i class="csz czs-network-l"></i> &nbsp;&nbsp;域名注册</li></a>
                    <a href="#数据分析"><li><i class="csz czs-bar-chart-l"></i> &nbsp;&nbsp;数据分析</li></a>
                    <a href="#"><li><i class="csz czs-analysis"></i> &nbsp;&nbsp;数据工具</li></a>
                    <a href="#"><li><i class="csz czs-list-clipboard-l"></i> &nbsp;&nbsp;数据收集</li></a>
                    <a href="#"><li><i class="csz czs-mobile-l"></i> &nbsp;&nbsp;新媒平台</li></a>
                    <a href="#"><li><i class="csz czs-web-edit"></i> &nbsp;&nbsp;新媒工具</li></a>
                    <a href="#"><li><i class="csz czs-site-folder-l"></i> &nbsp;&nbsp;网络收录</li></a>
                    <a href="#"><li><i class="csz czs-aso-l"></i> &nbsp;&nbsp;ASO优化</li></a>
                </ul>
                <h5>更多导航节点</h5>
                <h5>@创造狮</h5>
            </div>
        </div>
        <div class="right">
            <div class="right-content">
                <div class="r-top">
                    <div class="r-top-l">
                        <span><i class="csz czs-camber"></i>&nbsp;运营</span>
                        <p>Operate</p>
                    </div>
                    <div class="r-top-r">
                        <i class="czs-angle-down-l"></i>
                        <i class="czs-angle-up-l"></i>
                        <p>创意工作者：发现更多热爱技术的小伙伴 <span>友情链接</span> </p>
                        
                    </div>
                </div>
                <div class="r-m">
                    <p class="liqi"><i class="czs-wrench-l"></i>利器</p>
                    
                    <p class="shuqian"><span class="czs-bookmark-l"></span>书签</p>
                </div>
                
                <div class="r-b">
                    <!-- 域名注册 -->
                    <div class="remen">
                        <a id="域名注册"></a>
                        <div class="remen-content">
                            <div class="r-title">
                                <p><span class="czs-fire-l"></span> 域名注册</p>
                            </div>
                            <div class="r-box">
                                <ul>
                                    <li class="r-11">
                                        <div class="r-content">
                                            <img src="./img/dribbble.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Dirbbble</p>
                                            <h4>全球UI设计师作品秀社区</h4>
                                            <span class="czs-eye-l">51761</span>
                                            <h5 class="czs-thumbs-up-l">676</h5> 
                                        </div>
                                    </li>
                                    <li class="r-12">
                                        <div class="r-content">
                                            <img src="./img/behance.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Behance</p>
                                            <h4>Adobe旗下设计师创意社区</h4>
                                            <span class="czs-eye-l">33869</span>
                                            <h5 class="czs-thumbs-up-l">376</h5>
                                        </div>
                                    </li>
                                    <li class="r-13">
                                        <div class="r-content">
                                            <img src="./img/logopond.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Logopond</p>
                                            <h4>国外的LOGO展示社区</h4>
                                            <span class="czs-eye-l">22308</span>
                                            <h5 class="czs-thumbs-up-l">177</h5>
                                        </div>
                                    </li>
                                    <li class="r-14">
                                        <div class="r-content">
                                            <img src="./img/ello.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Ello</p>
                                            <h4>创意工作网络社区和资讯</h4>
                                            <span class="czs-eye-l">9856</span>
                                            <h5 class="czs-thumbs-up-l">66</h5>
                                        </div>
                                    </li>
                                </ul>
                                <ul>
                                    <li class="r-21">
                                        <div class="r-content">
                                            <img src="./img/myfonts.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;MyFont</p>
                                            <h4>最新时尚的商业英文字体</h4>
                                            <span class="czs-eye-l">11527</span>
                                            <h5 class="czs-thumbs-up-l">107</h5>
                                        </div>
                                    </li>
                                    <li class="r-22">
                                        <div class="r-content">
                                            <img src="./img/zool.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;站酷</p>
                                            <h4>国内综合设计展示平台</h4>
                                            <span class="czs-eye-l">24714</span>
                                            <h5 class="czs-thumbs-up-l">190</h5>
                                        </div>
                                    </li>
                                    <li class="r-23">
                                        <div class="r-content">
                                            <img src="./img/ui.cn.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;UI中国</p>
                                            <h4>中国的UI设计展示新秀</h4>
                                            <span class="czs-eye-l">21367</span>
                                            <h5 class="czs-thumbs-up-l">132</h5>
                                        </div>
                                    </li>
                                    <li class="r-24">
                                        <div class="r-content">
                                            <img src="./img/sketchfab.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Sketchfab</p>
                                            <h4>3D设计模型在线展示平台</h4>
                                            <span class="czs-eye-l">11650</span>
                                            <h5 class="czs-thumbs-up-l">91</h5>
                                        </div>
                                    </li>
                                </ul>
                                <ul>
                                    <li class="r-31">
                                        <div class="r-content">
                                            <img src="./img/adobecolor.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;AdobeColor</p>
                                            <h4>非常便捷的在线配色网站</h4>
                                            <span class="czs-eye-l">14721</span>
                                            <h5 class="czs-thumbs-up-l">99</h5>
                                        </div>
                                    </li>
                                    <li class="r-32">
                                        <div class="r-content">
                                            <img src="./img/lapa.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;lapa</p>
                                            <h4>优秀LandingPage落地页收集</h4>
                                            <span class="czs-eye-l">12661</span>
                                            <h5 class="czs-thumbs-up-l">65</h5>
                                        </div>
                                    </li>
                                    <li class="r-33">
                                        <div class="r-content">
                                            <img src="./img/sketchim.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Sketch.im</p>
                                            <h4>国内不错的Sketch站点资源</h4>
                                            <span class="czs-eye-l">11621</span>
                                            <h5 class="czs-thumbs-up-l">68</h5>
                                        </div>
                                    </li>
                                    <li class="r-34">
                                        <div class="r-content">
                                            <img src="./img/fubiz.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Fubiz</p>
                                            <h4>法国每日新鲜创意灵感分享</h4>
                                            <span class="czs-eye-l">9151</span>
                                            <h5 class="czs-thumbs-up-l">50</h5>
                                        </div>
                                    </li>
                                </ul>
                                <ul>
                                    <li class="r-41">
                                        <div class="r-content">
                                            <img src="./img/uigradients.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;UIgradients</p>
                                            <h4>简洁又舒服的渐变配色</h4>
                                            <span class="czs-eye-l">16183</span>
                                            <h5 class="czs-thumbs-up-l">110</h5>
                                        </div>
                                    </li>
                                    <li class="r-42">
                                        <div class="r-content">
                                            <img src="./img/vimeo.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Vimeo动画</p>
                                            <h4>视频分享平台创意动画...</h4>
                                            <span class="czs-eye-l">8190</span>
                                            <h5 class="czs-thumbs-up-l">53</h5>
                                        </div>
                                    </li>
                                    <li class="r-43">
                                        <div class="r-content">
                                            <img src="./img/mymodernmet.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;MyModernMet</p>
                                            <h4>视觉创意和艺术爱好者网站</h4>
                                            <span class="czs-eye-l">8007</span>
                                            <h5 class="czs-thumbs-up-l">27</h5>
                                        </div>
                                    </li>
                                    <li class="r-44">
                                        <div class="r-content">
                                            <img src="./img/cartrdge.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Cartrdge</p>
                                            <h4>游戏素材项目的分享社区</h4>
                                            <span class="czs-eye-l">3996</span>
                                            <h5 class="czs-thumbs-up-l">28</h5>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- 数据分析 -->
                    <div class="caiji">
                        <a id="数据分析"></a>
                        <div class="caiji-content">
                            <div class="r-title"                >
                                <p><span class="czs-light-l"></span> 数据分析</p>
                            </div>
                            <div class="r-box">
                                <ul>
                                    <li class="c-11">
                                        <div class="r-content">
                                            <img src="./img/muzli.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Muzli</p>
                                            <h4>设计者灵感资源的聚合</h4>
                                            <span class="czs-eye-l">24095</span>
                                            <h5 class="czs-thumbs-up-l">120</h5> 
                                        </div>
                                    </li>
                                    <li class="c-12">
                                        <div class="r-content">
                                            <img src="./img/pinterest.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Pinterest</p>
                                            <h4>全球美图的收藏采集站</h4>
                                            <span class="czs-eye-l">33869</span>
                                            <h5 class="czs-thumbs-up-l">376</h5>
                                        </div>
                                    </li>
                                    <li class="c-13">
                                        <div class="r-content">
                                            <img src="./img/panda.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Panda</p>
                                            <h4>设计作品和咨询文摘订阅平台</h4>
                                            <span class="czs-eye-l">13547</span>
                                            <h5 class="czs-thumbs-up-l">51</h5>
                                        </div>
                                    </li>
                                    <li class="c-14">
                                        <div class="r-content">
                                            <img src="./img/huaban.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;花瓣</p>
                                            <h4>中国美图的收藏采集站</h4>
                                            <span class="czs-eye-l">20692</span>
                                            <h5 class="czs-thumbs-up-l">103</h5>
                                        </div>
                                    </li>
                                </ul>
                                <ul>
                                    <li class="c-21">
                                        <div class="r-content">
                                            <img src="./img/thefwa.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;FWA</p>
                                            <h4>创意媒体艺术设计作品展</h4>
                                            <span class="czs-eye-l">7211</span>
                                            <h5 class="czs-thumbs-up-l">32</h5>
                                        </div>
                                    </li>
                                    <li class="c-22">
                                        <div class="r-content">
                                            <img src="./img/deviantart.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Deviantart</p>
                                            <h4>分享各类艺术创作的设计社区</h4>
                                            <span class="czs-eye-l">5007</span>
                                            <h5 class="czs-thumbs-up-l">15</h5>
                                        </div>
                                    </li>
                                    <li class="c-23">
                                        <div class="r-content">
                                            <img src="./img/365awesomedesigners.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;365designers</p>
                                            <h4>365天每天推荐一个设计师作品</h4>
                                            <span class="czs-eye-l">10110</span>
                                            <h5 class="czs-thumbs-up-l">18</h5>
                                        </div>
                                    </li>
                                    <li class="c-24">
                                        <div class="r-content">
                                            <img src="./img/abduzeedo.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;abduzeedo</p>
                                            <h4>创意灵感和教程的设计博客</h4>
                                            <span class="czs-eye-l">6321</span>
                                            <h5 class="czs-thumbs-up-l">13</h5>
                                        </div>
                                    </li>
                                </ul>
                                <ul>
                                    <li class="c-31">
                                        <div class="r-content">
                                            <img src="./img/bestfolios.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;Bestfolios</p>
                                            <h4>产品 | 界面 | 插画灵感设计画廊</h4>
                                            <span class="czs-eye-l">9061</span>
                                            <h5 class="czs-thumbs-up-l">25</h5>
                                        </div>
                                    </li>
                                    <li class="c-32">
                                        <div class="r-content">
                                            <img src="./img/land-book.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;land-book</p>
                                            <h4>全球精挑细选的美图收集站</h4>
                                            <span class="czs-eye-l">8238</span>
                                            <h5 class="czs-thumbs-up-l">25</h5>
                                        </div>
                                    </li>
                                    <li class="c-33">
                                        <div class="r-content">
                                            <img src="./img/mydesy.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;淘靈感</p>
                                            <h4>台湾灵感创意视觉资讯收集网</h4>
                                            <span class="czs-eye-l">7869</span>
                                            <h5 class="czs-thumbs-up-l">16</h5>
                                        </div>
                                    </li>
                                    <li class="c-34">
                                        <div class="r-content">
                                            <img src="./img/cssdesignawards.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;CSS设计奖</p>
                                            <h4>全球优秀CSS网页设计奖提名网</h4>
                                            <span class="czs-eye-l">8010</span>
                                            <h5 class="czs-thumbs-up-l">32</h5>
                                        </div>
                                    </li>
                                </ul>
                                <ul>
                                    <li class="c-41">
                                        <div class="r-content">
                                            <img src="./img/theinspirationgrid.png" width="32px" height="32px">
                                            <p> &nbsp;&nbsp;SpirationGrid</p>
                                            <h4>创意者创意灵感收集集合</h4>
                                            <span class="czs-eye-l">5501</span>
                                            <h5 class="czs-thumbs-up-l">24</h5>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>    
</body>
</html>